<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!--    移动端理想布局视口标签-->
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,
    minimum-scale=1.0,user-scalable=no">
  <meta name="keywords" content="自闭症，自闭症的表现，发育迟缓，言语障碍服务，言语服务训练，儿童言语训练，孩子不会说话，说话晚，口吃矫正，语言表达能力，感统训练，发音不清">
  <meta name="description" content="东方启音是致力于儿童言语发展的启智发音专业机构，国内外专业言语服务师长期培训授课，涵盖儿童言语评估、服务、发展、提升四大领域，帮助儿童轻松与世界对话！全国咨询热线：400 881 8831">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>东方启音</title>
<!--  公共样式-->
  <link rel="stylesheet" href="css/comment.css">
<!--  首页样式-->
  <link rel="stylesheet" href="./css/index1.css">
<!--  公共头和尾样式-->
  <link rel="stylesheet" href="./css/navAndFootr.css">
<!--  字体图标样式-->
  <link rel="stylesheet" href="//at.alicdn.com/t/font_3009102_uno0189a7zq.css">
<!--  swiper样式-->
  <link rel="stylesheet" href="swiper/swiper-bundle.min.css">
<!--  swiperjs文件-->
  <script src="swiper/swiper-bundle.min.js"></script>

</head>
<body>
  <div class="app" >

    <header>
      <!--    顶部固定栏-->
      <script src="js/header.js"></script>
<!--          <div class="nav" >-->

<!--            <div class="nav-titleImg" >-->
<!--              <a href="javascript;">-->
<!--                <img src="image/titleImg.png" alt="">-->
<!--              </a>-->
<!--            </div>-->

<!--            <div class="nav-title" >-->
<!--              <h6>东方启音</h6>-->
<!--            </div>-->

<!--            <div class="nav-caiDan iconfont icon-caidan" ></div>-->

      <!--      隐藏导航项-->
<!--            <div class="nav-item" >-->
<!--              <div class="nav-item-l" >-->
<!--                <p>-->
<!--                  <span>关于我们</span>-->
<!--                  <a href="jianjie.html">简介</a>-->
<!--                  <a href="dashiji.html">大事记</a>-->
<!--                  <a href="zhuanjai.html">团队</a>-->
<!--                </p>-->
<!--                <p>-->
<!--                  <span>服务群体</span>-->
<!--                  <a href="">儿童言语发展</a>-->
<!--                  <a href="">儿童言语训练</a>-->
<!--                  <a href="">成人言语康复</a>-->
<!--                </p>-->
<!--                <p>-->
<!--                  <span>特色课程</span>-->
<!--                  <a href="">STAR课程</a>-->
<!--                  <a href="">AB课程</a>-->
<!--                </p>-->
<!--                <p>-->
<!--                  <span>新闻活动</span>-->
<!--                  <a href="">公司新闻</a>-->
<!--                  <a href="">言语科普</a>-->
<!--                  <a href="">公司活动</a>-->
<!--                </p>-->
<!--                <p>-->
<!--                  <span>联系合作</span>-->
<!--                  <a href="">联系我们</a>-->
<!--                  <a href="">加入我们</a>-->
<!--                  <a href="">中心地址</a>-->
<!--                </p>-->
<!--                <p>-->
<!--                  <span>口碑</span>-->
<!--                  <a href="">成功案例</a>-->
<!--                </p>-->
<!--              </div>-->
<!--            </div>-->

<!--          </div>-->
    </header>

    <section>
      <!--    轮播图-->
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
        </div>
        <div class="swiper-pagination"></div>
      </div>

      <!--    四个主题-->
      <div class="main" >
        <a href="jianjie.html" class="main-item" >
          <i class="iconfont icon-jianjie"></i>
          <h3>简介</h3>
        </a>
        <a href="zhuanjai.html" class="main-item" >
          <i class="iconfont icon-zhuanjiafudao"></i>
          <h3>专家</h3>
        </a>
        <a href="anli.html" class="main-item" >
          <i class="iconfont icon-anlihuicui"></i>
          <h3>案例</h3>
        </a>
        <a href="lxwm.html" class="main-item" >
          <i class="iconfont icon-lianximaijia"></i>
          <h3>联系</h3>
        </a>
      </div>

      <!--    语言康复群体-->
      <div class="yykf" >
        <div class="kf-title" >
          <h2>言语康复服务群体</h2>
        </div>
        <div class="kf-item" >
          <a href="etyyfz.html" class="kf-item-list" >
            <div class="item-list-c" style="background-color: #99cc00" >
              <i class="iconfont icon-glassesyanjing"></i>
            </div>
          </a>
          <a href="etyyzl.html" class="kf-item-list" >
            <div class="item-list-c" style="background-color: #FF9900" >
              <i class="iconfont icon-aid"></i>
            </div>
          </a>
          <a href="cryykf.html" class="kf-item-list" >
            <div class="item-list-c" style="background-color: #3399FF" >
              <i class="iconfont icon-liangbei "></i>
            </div>
          </a>
        </div>
      </div>


      <!--    课程-->
      <div class="keC" >
        <div class="keC-title" >
          <h2>课程</h2>
        </div>
        <div class="ke-c" >
          <div class="keC-list" >
            <!--        <div class="keC-list-li" >-->
            <!--          <i class="iconfont icon-shu"></i>-->
            <!--          <h3>AB课程</h3>-->
            <!--        </div>-->
          </div>
        </div>



      </div>

      <!--    新闻-->
      <div class="xw" >
        <div class="xw-title" >
          <h2 class="xinWen">新闻</h2>
          <h2 class="yanYu">言语科普</h2>
        </div>

        <div class="xw-list" >

        </div>
      </div>

      <!--    版权-->
      <div class="banQuan" >
        <a href="#">粤ICP备11022524号-9</a>
      </div>
    </section>

    <footer>
      <!--    底部-->
<!--      <script src="js/footer.js"></script>-->
      <script src="js/footer.js"></script>
<!--      <div class="footer" >-->
<!--        <a class="f-item" >-->
<!--          <i class="iconfont icon-zixun"></i>-->
<!--          <h3>咨询</h3>-->
<!--        </a>-->
<!--        <a class="f-item" >-->
<!--          <i class="iconfont icon-yuyue"></i>-->
<!--          <h3>预约</h3>-->
<!--        </a>-->
<!--      </div>-->


<!--          <div class="footer" >-->
<!--            <a href="index.html" class="f-item" >-->
<!--              <i class="iconfont icon-shouye"></i>-->
<!--              <h3>首页</h3>-->
<!--            </a>-->
<!--            <a class="f-item" >-->
<!--              <i class="iconfont icon-zixun"></i>-->
<!--              <h3>咨询</h3>-->
<!--            </a>-->
<!--            <a class="f-item" >-->
<!--              <i class="iconfont icon-yuyue"></i>-->
<!--              <h3>预约</h3>-->
<!--            </a>-->
<!--            <a class="f-item" >-->
<!--              <i class="iconfont icon-huodongxiangqu"></i>-->
<!--              <h3>活动</h3>-->
<!--            </a>-->
<!--          </div>-->
    </footer>

<!--    预约-->
<!--    <div class="yuyue" >-->
<!--      <div class="yuyue-main" >-->
<!--        <h3>给我们留言</h3>-->
<!--        <span>请填写以下信息，我们会尽快和您联系！</span>-->
<!--        <div class="main-i" >-->
<!--          姓名 <input type="text">-->
<!--        </div>-->
<!--        <div class="main-i" >-->
<!--          电话 <input type="text">-->
<!--        </div>-->
<!--        <div class="main-i" >-->
<!--          留言内容 <textarea></textarea>-->
<!--        </div>-->

<!--        <div class="btn" >-->
<!--          <button>取消</button>-->
<!--          <button>发送</button>-->
<!--        </div>-->

<!--      </div>-->
<!--    </div>-->

  </div>
</body>
<!--首页js-->
<script src="js/index.js"></script>
<!--  公共js文件-->
<script src="js/comment.js"></script>
</html>
